<template>
  <div class="home">
    <keep-alive exclude="goodsInfo">
      <router-view />
    </keep-alive>
    <van-tabbar v-model="active" active-color="#ff6422" inactive-color="#949494" route>
      <van-tabbar-item name="home" icon="wap-home" replace to="/home">首页</van-tabbar-item>
      <van-tabbar-item name="search" icon="coupon" replace to="/sort">分类</van-tabbar-item>
      <van-tabbar-item name="friends" icon="shopping-cart" replace to="/cart">购物车</van-tabbar-item>
      <van-tabbar-item name="setting" icon="manager" replace to="/user">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active: 'home'
    }
  },
  methods: {}
}
</script>
<style scoped>
.home .van-tabbar {
  height: 1.9rem;
}
.van-tabbar-item {
  font-size: 0.5rem;
}
</style>
